<template>
  <div>
    <h3>父组件</h3>
    <!-- 定义事件getDate这个事件就是子组件要调用的名字等号后面的是自定义事件可以写活等号前面不可以 -->
    <zi @getData="getDatas"></zi>
    <h1 v-if="sonData">接收到子组件的值:{{ sonData }}</h1>
  </div>
</template>
<script setup>
import zi from "./zi.vue";
import { ref, defineExpose } from "vue";
const sonData = ref("");
function getDatas(data) {
  console.log(data, 1);
  sonData.value = data;
}
defineExpose({ getDatas });
</script>
